
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"  lang="zh-CN"> <!--<![endif]-->

<head>
    <meta charset="utf-8">
    <title>中联企华 | 我们为你做方案</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width">
    <meta name="keywords" content="中联企华,我们秉承用高科技驱动商业创新的理念。我们的产品融合APP开发，小程序，微信公众号等" />
    <meta name="description" content="总部位置北京海淀区，创立于2012年，为企业移动信息化提供领先的移动APP开发和解决方案。" />
    <meta name="author" content="Julivid" />

    <!-- CSS -->
    <link rel="stylesheet" href="css/materialize.css">
    <link rel="stylesheet" href="css/style.css?v1">
    <link rel="icon" href="images/favicon.ico" />
    <!-- JAVASCRIPT -->
    <!--<script src="js/jquery-2.1.1.min.js"></script>-->
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/materialize.js"></script>

    <!-- IE Fix for HTML5 Tags -->
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <!--<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>-->
    <![endif]-->
    <script type="text/javascript">

        function submit1() {
            // var commentInfoForm = $('#form1');
            // console.log(commentInfoForm.getAttribute("username"));
            // Console.lformData.getAllKeys();
            // console.log(JSON.stringify(commentInfoForm.serialize()));
            var obj = {};
            obj.username = document.getElementById("username").value;
            obj.tel = document.getElementById("tel").value;
            obj.company = document.getElementById("company").value;
            obj.email = document.getElementById("email").value;
            obj.remark = document.getElementById("remark").value;
            console.log(obj);
            $.ajax({
                //几个参数需要注意一下
                type: "POST",//方法类型
                dataType: "json",//预期服务器返回的数据类型
                url: "http://www.zhonglianqihua.com/save" ,//url
                contentType: "application/json",
                data: JSON.stringify(obj),

                success: function (result) {
                    console.log(result);//打印服务端返回的数据(调试用)
                    alert("提交成功！");
                },
                error : function(result) {
                    alert("提交失败");
                }
            });
        }
    </script>

</head>
<body>
<div class="navbar-fixed">
    <nav>
        <div class="nav-wrapper">
            <a href="http://www.zhonglianqihua.com/index.html" class="brand-logo"> &nbsp;中联企华（北京）科技有限公司<!--<img src="images/logo.png">--></a>
            <a href="javascript:;" data-activates="mobile-demo" class="button-collapse" style="font-size:32px; padding: 0 20px;"> &equiv; </a>
            <ul id="nav-mobile" class="right hide-on-med-and-down">
                <li class=""><a href="http://www.zhonglianqihua.com/index.html">首页</a></li>
                <!--<li><a href="javascript:;">微视频</a></li>
                <li><a href="javascript:;">公益活动</a></li>
                <li><a href="javascript:;">公益基金</a></li>-->
                <li class=""><a href="http://www.zhonglianqihua.com/activity.html">案例展示</a></li>
                <li class=""><a href="http://www.zhonglianqihua.com/plan.html">方案下载</a></li>
                <li class=""><a href="http://www.zhonglianqihua.com/connect.html">联系我们</a></li>
                <li class="active"><a href="http://www.zhonglianqihua.com/baoming.html">活动报名</a></li>
            </ul>
            <ul class="side-nav" id="mobile-demo">
                <li class="active"><a href="http://www.zhonglianqihua.com/index.html">首页</a></li>
                <!--<li><a href="javascript:;">微视频</a></li>
                <li><a href="javascript:;">公益活动</a></li>
                <li><a href="javascript:;">公益基金</a></li>-->
                <li><a href="http://www.zhonglianqihua.com/about.html">公司简介</a></li>
                <li><a href="http://www.zhonglianqihua.com/connect.html">联系我们</a></li>
                <li><a href="http://www.zhonglianqihua.com/baoming.html">活动报名</a></li>
            </ul>
        </div>
    </nav>
</div>
<style type="text/css">
    .container {
        /*margin: 20px auto;*/
        padding-top: 25px;
    }
    .container h5 {
        font-size: 0.8rem;
        color: #9e9e9e;
    }
    .file-field .btn, .file-field .btn-large {
        float: left;
        height: 3rem;
        line-height: 3rem;
    }
    #email + label {
        width: 90%;
    }


    .file-field {
        position: relative; }
    .file-field .file-path-wrapper {
        overflow: hidden;
        padding-left: 10px; }
    .file-field input.file-path {
        width: 100%; overflow: hidden;}
    .file-field .btn, .file-field .btn-large {
        float: left;
        height: 3rem;
        line-height: 3rem; }
    .file-field span {
        cursor: pointer; }
    .file-field input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0); }

</style>
<div class="container">
    <div class="row">
        <h3 class="center">需求描述</h3><!-- http://192.168.31.156/Apply/application -->
        <form class="col s12" id="form1"  onsubmit="return false" action="#" method="post">
            <div class="row">
                <div class="input-field col s12 m6">
                    <input id="username" name="username" type="text" class="validate" required="required">
                    <label class="active" for="username">联系人</label>
                </div>
            </div>

            <div class="row">
                <div class="input-field col s12 m6">
                    <input id="company" name="company" type="text" class="validate" required="required" >
                    <label for="company">报名公司</label>
                </div>

                <div class="input-field col s12 m6">
                    <input id="tel" name="tel" type="text" class="validate"  length="3" required="required">
                    <label for="tel">联系电话</label>
                </div>
            </div>

            <div class="row">
                <div class="input-field col s12 m6">
                    <input id="email" name="email" type="text" class="validate" required="required">
                    <label for="email">邮箱</label>
                </div>


                <div class="input-field col s12">
                    <input id="remark" name="remark" type="text" class="validate" required="required">
                    <label for="remark" >备注</label>
                </div>
            </div>
            <div class="row">
                <div class="col s12">
                    <!--<span id = "killApple" class="btn green">确认报名</span>-->
                    <input type="button" value="确认提交" onclick="submit1()" class="btn green">
                </div>
            </div>
        </form>
    </div>
</div>
<footer>
    <div class="container footer">
        <!--<div class="row">
            <div class="adout-us">
                <h2>关于我们</h2>
            </div>
        </div>-->
        <div class="row center">
            <div class="copyright">
                <a href="javascript:;">关于我们</a>&nbsp; | &nbsp;
                <a href="javascript:;">服务协议</a>&nbsp; | &nbsp;
                <a href="javascript:;">隐私政策</a>&nbsp; | &nbsp;
                <a href="javascript:;">开放平台</a>&nbsp; | &nbsp;
                <a href="javascript:;">广告服务</a>&nbsp; | &nbsp;
                <a href="javascript:;">公益基金</a>&nbsp; | &nbsp;
                <a href="javascript:;">客服中心</a>&nbsp; | &nbsp;
                <a href="javascript:;">网站导航</a>
                <div class="clear"></div>
                <p>&copy; 版权所有 中联企华（北京）科技有限公司 &nbsp;</p>
                <p>地址：北京市海淀区信息路28号6层A座-1054号</p>
                <p><a href="http://www.miitbeian.gov.cn" target="_blank">京ICP备15041527</a></p>
                <p></p>
            </div>
        </div>
    </div>
</footer>
<script type="text/javascript">
    $(document).ready(function(){
        //手机端菜单
        $(".button-collapse").sideNav();
    });
</script>
</body>
</html>